@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; }
body{ font-size:12px; font-family:"微软雅黑"; color:#525252; background:#fff;}
a { text-decoration:none;  outline:none; transition:all 0.2s; }
a:hover{ text-decoration:none; }

img{ border:0;}
table{ margin:auto;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
/*定义新型浏览器特性*/
::-webkit-scrollbar{width:0px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#fff}
::-webkit-scrollbar-thumb:vertical{background-color:#999;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#333}
::-webkit-scrollbar-corner:vertical{background-color:#666}
::-webkit-scrollbar-resizer:vertical{background-color:#666;}


.sec-parent .section{
	_height:800px !important;
	overflow:hidden;
	position:relative;
}


#secParent{height: 100vh; position: relative; top: 0px;}

/*头部*/
.head{ width:100%; height:90px; margin:auto; position:absolute; top:0; z-index:99;}
.head_left{ float:left; padding-top:21px; margin-left:5%;}
.head_left img{width: 65px;}
.head_right{ float:right; height:75px; padding-top:15px; margin-right:5%;}
.tel{ float:left; height:75px; background:url(../img/recruit_03.jpg) no-repeat right top; padding-right:20px;}
.tel_left{ float:left; width:53px; height:54px;}
.tel_right{ float:right; margin-left:5px;}
.tel_right_1{ font-size:14px; color:#fff; padding-top:5px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.tel_right_2{ font-size:24px; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.dan{ float:right; height:54px; line-height:54px; font-size:24px; margin-left:20px;}
.dan_left{ float:left; font-family:Arial, Helvetica, sans-serif;  cursor:pointer;filter:alpha(opacity=50);transition: all 0.5s;}
.dan_right{ float:right; margin-left:15px; margin-top:6px;}

.btn-nav {
transition: all 0.5s;
  background: transparent;
  border: none;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  z-index: 99999;
}

.btn-nav:focus {
  outline: 0;
}

.icon-bar {
  display: block; margin-top:6px; margin-bottom:6px;
  width: 33px;
  height: 3px;
  background-color: #FFFFFF;filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
.middle {
  display: block; margin-top:6px; margin-bottom:6px;
  width: 17px;
  height: 3px;
  background-color: #FFFFFF;
}
.bottom {
  display: block; margin-top:6px; margin-bottom:6px;
  width: 25px;
  height: 3px;
  background-color: #FFFFFF;
}
.dan a:hover .middle{ width:33px;}
.dan a:hover .bottom{ width:33px;}
.dan a:hover .icon-bar{
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
    background-color: #FFFFFF;filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.dan a:hover .dan_left{
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  color: #FFFFFF;filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.cai{ display:none;}



/*底部*/
.footer{ width:100%; background:url(../img/recruit_54.png) no-repeat center; height:87px; position:absolute; bottom:0px; z-index:9;}
.foot{ width:90%; height:60px; margin:auto; padding-top:27px;}
.foot_left{ float:left; height:48px; line-height:48px; font-size:12px; color:#fff; margin-top:10px; }
.foot_left a{ margin-left:15px; margin-right:20px;}

.foot_right{ float:right; font-size:12px; color:#fff; line-height:24px; text-align:right; padding-top:6px;opacity:0.5;}




/*showy*/
.showy{ width:49px; height:auto; position:fixed; right:10px; top:250px; z-index:9999;}
.showy a{ display:inline-block; width:49px; height:49px; border-radius:100px; margin-bottom:15px; cursor:pointer;}
.showy img{ width:49px; height:49px; border-radius:100px;}
.showy a:hover img{transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform-origin: 50% 50% 0;
    transition: transform 0.6s ease-in 0s}

.sidebox{position:absolute;width:49px;height:49px;top:0;right:0;transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:16px/49px "微软雅黑";overflow:hidden;}
.sidebox img{ float:left; margin-right:13px;}

.sidebox1{position:absolute;width:49px;height:49px;top:67px;right:0;transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:16px/49px "微软雅黑";overflow:hidden;}
.sidebox1 img{ float:left; margin-right:13px;}
/*服务*/
.logo{ width:160px; height:100vh; position:fixed; left:0; border-right:1px solid #373737; z-index:99;}
.logo_top{ width:160px; height:102px; text-align:center; padding-top:20px;}
.logo_top img{ width:115px; height:102px; cursor:pointer;}
.logo_bottom{ width:160px; height:24px; text-align: center; position:absolute; bottom:36px; cursor:pointer;}




.divright{ width:140px; height:100vh; position:fixed; right:0; border-left:1px solid #2e2e2e; z-index:999;}
body{
	background:url(../img/about_bg.png) no-repeat center;background-size: cover;
}

/*第一屏*/
.hm-sec1{position:relative; z-index:1;}
.about{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:160px;}
.about_1{ width:1200px; height:128px; text-align: center; opacity:0;filter:alpha(opacity=0);position:relative; top:-100px;}
.about_1 img{ width:416px; height:128px;}
.about_two{ opacity:0;filter:alpha(opacity=0);position:relative; left:-100px;}
.about_three{ opacity:0;filter:alpha(opacity=0);position:relative; right:-100px;}
.about_2{ width:1200px; font-size:28px; color:#fd3f3e; text-align: center; height:60px; line-height:60px; margin-top:20px;}
.about_3{ width:1200px; margin:auto; font-size:14px; color:#fff; text-align: center; line-height:28px; margin-top:10px;}

/*第er屏*/
.hm-sec2{ position:relative; z-index:1;}
.advantage{ width:589px; height:589px; background:url(../img/you_03.png) no-repeat center; background-size:auto 100%; margin:auto; margin-top:130px; position:relative; opacity:0;filter:alpha(opacity=0);position:relative; top:-100px;}
.advantage_1{ width:360px; height:65px; position:absolute; top:22px; left: -200px; cursor:pointer;}
.advantage_1_left{ float:left; font-size:16px; color:#fff; height:65px; line-height:65px;position: relative;}
.advantage_1_left small {font-size: 16px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
.advantage_1_left i { font-size: 16px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
.advantage_1:hover small {  opacity: 0;}
.advantage_1:hover i { width: 100%;opacity: 1; }



.advantage_1_right{ float:right; width:65px; height:65px; text-align: center; line-height:65px; font-size:14px; color:#fff;}

.advantage_1_bg{ width:65px; height:65px; background:url(../img/you_06.png) no-repeat center; -webkit-transition: -webkit-transform 1s ease-in-out;
-moz-transition: -moz-transform 1s ease-in-out;-o-transition: -o-transform 1s ease-in-out;-ms-transition: -ms-transform 1s ease-in-out; position:absolute; right:0;}
.advantage_1:hover .advantage_1_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

.advantage_2{ width:400px; height:65px; position:absolute; top:240px; left: -370px; cursor:pointer;}
.advantage_2_left{ float:left; font-size:16px; color:#fff; height:65px; line-height:65px;}
.advantage_2_left small {font-size: 16px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
.advantage_2_left i { font-size: 16px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
.advantage_2:hover small {  opacity: 0;}
.advantage_2:hover i { width: 100%;opacity: 1; }
.advantage_2_right{ float:right; width:65px; height:65px;text-align: center; line-height:65px; font-size:14px; color:#fff;}
.advantage_2:hover .advantage_1_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

.advantage_3{ width:355px; height:65px; position:absolute; bottom:45px; left:-236px; cursor:pointer;}
.advantage_3_left{ float:left; font-size:16px; color:#fff; height:65px; line-height:65px;}
.advantage_3_left small {font-size: 16px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
.advantage_3_left i { font-size: 16px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
.advantage_3:hover small {  opacity: 0;}
.advantage_3:hover i { width: 100%;opacity: 1; }

.advantage_3_right{ float:right; width:65px; height:65px; text-align: center; line-height:65px; font-size:14px; color:#fff;}
.advantage_3:hover .advantage_1_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

.advantage_4{ width:420px; height:65px; position:absolute; top:-12px; right:-200px; cursor:pointer;}
.advantage_4_left{ float:left; width:65px; height:65px; text-align: center; line-height:65px; font-size:14px; color:#fff;}
.advantage_2_bg{ width:65px; height:65px; background:url(../img/you_06.png) no-repeat center; -webkit-transition: -webkit-transform 1s ease-in-out;
-moz-transition: -moz-transform 1s ease-in-out;-o-transition: -o-transform 1s ease-in-out;-ms-transition: -ms-transform 1s ease-in-out; position:absolute; left:0;}
.advantage_4_right{ float:right; font-size:16px; color:#fff; height:65px; line-height:65px; position:relative;}
.advantage_4_right small {font-size: 16px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
.advantage_4_right i { font-size: 16px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
.advantage_4:hover small {  opacity: 0;}
.advantage_4:hover i { width: 100%;opacity: 1; }

.advantage_4:hover .advantage_2_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

.advantage_5{ width:430px; height:65px; position:absolute; top:165px; right:-380px; cursor:pointer;}
.advantage_5_left{ float:left; width:65px; height:65px; text-align: center; line-height:65px; font-size:14px; color:#fff;}
.advantage_5_right{ float:right; font-size:16px; color:#fff; height:65px; line-height:65px; position:relative;}
.advantage_5_right small {font-size: 16px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
.advantage_5_right i { font-size: 16px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
.advantage_5:hover small {  opacity: 0;}
.advantage_5:hover i { width: 100%;opacity: 1; }

.advantage_5:hover .advantage_2_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

.advantage_6{ width:430px; height:65px; position:absolute; bottom:130px; right:-363px; cursor:pointer;}
.advantage_6_left{ float:left; width:65px; height:65px; text-align: center; line-height:65px; font-size:14px; color:#fff;}
.advantage_6_right{ float:right; font-size:16px; color:#fff; height:65px; line-height:65px; position:relative;}
.advantage_6_right small {font-size: 16px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
.advantage_6_right i { font-size: 16px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
.advantage_6:hover small {  opacity: 0;}
.advantage_6:hover i { width: 100%;opacity: 1; }

.advantage_6:hover .advantage_2_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

.advantage_7{ width:445px; height:65px; position:absolute; bottom:-25px; right:-177px; cursor:pointer;}
.advantage_7_left{ float:left; width:65px; height:65px; text-align: center; line-height:65px; font-size:14px; color:#fff;}
.advantage_7_right{ float:right; font-size:16px; color:#fff; height:65px; line-height:65px; position:relative;}
.advantage_7_right small {font-size: 16px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
.advantage_7_right i { font-size: 16px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
.advantage_7:hover small {  opacity: 0;}
.advantage_7:hover i { width: 100%;opacity: 1; }
.advantage_7:hover .advantage_2_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.advantage_mao{ display:none;}

.client{ width:860px; height:115px; margin:auto; margin-top:50px;opacity:0;filter:alpha(opacity=0);position:relative; bottom:-100px;}
.client_1{ float:left; width:215px; height:115px; cursor:pointer;}
.client_1_1{ width:215px; height:85px; text-align: center; line-height:85px; font-size:30px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.client_1_2{ width:215px; font-size:14px; color:#fff; text-align: center;opacity:0.5; height:24px; line-height:24px;}

.client_2{ float:left; width:215px; height:115px; cursor:pointer;}
.client_3{ float:left; width:215px; height:115px; cursor:pointer;}
.client_4{ float:right; width:215px; height:115px; cursor:pointer;}

.client1{ width:860px; height:115px; margin:auto; margin-top:50px;}

/*第三屏*/
.hm-sec3{ background:url(../img/about_bg.png) no-repeat center; background-size:100% 100%; position:relative; z-index:1;}
.ke{ width:1069px; height:691px; margin:auto; margin-top:125px;}
.ke img{ width:1069px; height:691px;}
.ke1{ display:none;}

/*第四屏*/
.hm-sec4{ /*background:url(../img/about_bg.png) no-repeat center;*/ background-size:auto 100%; }


/*第五屏*/
.hm-sec5{ background:url(../img/line.png) no-repeat center; background-size:100% 100%; position:relative; z-index:1;}
.one{ width:100%; height:100vh;    position: relative; overflow: hidden;}

/*联系*/
.touch{ width:459px; height:627px; background:url(../img/line_03.png) no-repeat center; margin:auto; margin-top:167px;opacity:1;filter:alpha(opacity=0);position:relative;}
.touch_1{ font-size:16px; color:#fd3f3e; width:460px; height:60px; text-align: center; line-height:60px;letter-spacing:12px;}
.touch_2{ width:460px; text-align: center; height:79px;}
.touch_2 img{ width:349px; height:79px;}
.touch_3{ width:460px; text-align: center; font-size:22px; color:#fff; background:url(../img/line_06.jpg) no-repeat center bottom; height:60px; line-height:60px; margin-top:15px;}
.touch_4{ width:350px; font-size:16px; color:#fff; line-height:42px; margin-left:70px; margin-top:30px;}
.touch_4 span{ color:#999999; margin-right:20px;}
.touch_5{ width:460px; height:56px; text-align: center; margin-top:55px;}
.touch_5 a{ display:inline-block; width:56px; height:56px; background-color:#fd3f3e; border-radius:100px; text-align: center; cursor:pointer;}
.touch_5 img{ padding-top:15px;	}


/*导航*/
.nav_warp{ position:fixed; top:250px; z-index:10;}
.nav{ width:165px; height:224px; overflow:hidden; position:fixed; top:250px; left:5%; }
.nav li{ list-style:none;}
.nav a{ display:block; width:143px; font-size:14px; color:#ffffff; height:32px; line-height:32px; cursor:pointer;}

.nav li.active span.nav_span1{opacity:1;filter:alpha(opacity=100); transition:all 0.2s; cursor:pointer;width:30px;}
.nav li.active span.nav_span2{opacity:1;filter:alpha(opacity=100); transition:all 0.2s; margin-left:10px;}

.nav span{ float:left; display:inline-block;}
.nav a span.nav_span1{ background:url(../img/nav_03.png) no-repeat center; width:0px; height:32px;opacity:1;filter:alpha(opacity=100);}
.nav a span.nav_span2{ width:30px; height:32px;opacity:0.4;filter:alpha(opacity=40); margin-left:22px;}

.nav_bg{ width:30px; height:160px; left:5%; position: fixed;top:250px;}
.nav_tu{ width:30px; height:55px; border-left:2px solid #fff; position:absolute; bottom:100px;}



.cd-section {
  padding: 2em;
  margin-top: 5em;
  text-align: center;
}

.cd-bouncy-nav-trigger {
  /* button style */

  color: #ffffff;

  border-radius: 10em;

}
.no-touch .cd-bouncy-nav-trigger:hover {
  background: #e0a36f;
}

.cd-bouncy-nav-modal {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(36, 35, 37, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
  -moz-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
  transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
}
.cd-bouncy-nav-modal.fade-in {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.1s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.1s 0s, visibility 0s 0s;
  transition: opacity 0.1s 0s, visibility 0s 0s;
}
.cd-bouncy-nav-modal .cd-close {
  display: block;
  position: fixed;
  top: 20px;
  right: 5%;
  width: 44px;
  height: 44px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url("../img/cd-icon-close.svg") no-repeat center center;
  -webkit-transform: scale(0) translateZ(0);
  -moz-transform: scale(0) translateZ(0);
  -ms-transform: scale(0) translateZ(0);
  -o-transform: scale(0) translateZ(0);
  transform: scale(0) translateZ(0);
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s;
  transition: transform 0.3s 0s, visibility 0s 0.3s;
}
.cd-bouncy-nav-modal.fade-in .cd-close {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0.3s 0s;
}
	.hi-icon-wrap {
	text-align: center;
	margin: 0 auto;
	padding: 2em 0 3em;
}

.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin:0px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.hi-icon:before {

	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}


/* Effect 8 */
.hi-icon-effect-8 .hi-icon {
	background: rgba(255,255,255,0.1);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}

.hi-icon-effect-8 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.hi-icon-effect-8 .hi-icon:hover {
	background: rgba(255,255,255,0.05);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}

.hi-icon-effect-8 .hi-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #fd3f3e, 0 0 0 5px rgba(255,255,255,0.1);
		transform: scale(1.5);
		opacity: 0;
	}
}

@media only screen and (min-width: 1170px) {
  .cd-bouncy-nav-modal .cd-close {
    top: 60px;
  }
}
.hcb_ml{
	margin-left: 57px;
}
.cd-bouncy-nav {
  position: absolute;
  left: 50%;
  top: 50vh;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 90%;
  max-width: 300px;
}
.cd-bouncy-nav li {
  width: 50%;
  float: left;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateY(100vh);
  -moz-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  -o-transform: translateY(100vh);
  transform: translateY(100vh);
  text-align: center; list-style:none;;
}
.is-visible .cd-bouncy-nav li {
  /* used to assign a tranlsateY value when the animation is over */
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.fade-in .cd-bouncy-nav li {
  -webkit-animation: cd-move-in 0.4s;
  -moz-animation: cd-move-in 0.4s;
  animation: cd-move-in 0.4s;
}
.fade-out .cd-bouncy-nav li {
  -webkit-animation: cd-move-out 0.4s;
  -moz-animation: cd-move-out 0.4s;
  animation: cd-move-out 0.4s;
}
.fade-in .cd-bouncy-nav li, .fade-out .cd-bouncy-nav li {
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.fade-in .cd-bouncy-nav li:nth-of-type(2), .fade-out .cd-bouncy-nav li:nth-of-type(2) {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(3), .fade-out .cd-bouncy-nav li:nth-of-type(3) {
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(4), .fade-out .cd-bouncy-nav li:nth-of-type(4) {
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(5), .fade-out .cd-bouncy-nav li:nth-of-type(5) {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(6), .fade-out .cd-bouncy-nav li:nth-of-type(6) {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.cd-bouncy-nav a {
  display: inline-block;
  min-width: 90px;
  position: relative;
  padding: 80px 0 0;
  margin-bottom: 40px;
  color: #ffffff; font-size:15px; line-height:50px;
}
.cd-bouncy-nav a::before {
  /* icons */
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 90px;
  width: 90px;
  border-radius: 50%;
  background-color: #fd3f3e;

  background-repeat: no-repeat;
  background-position: 0 0;
}
.no-touch .cd-bouncy-nav a:hover::before {
  background-color:#fd3f3e; background-image:url(../img/about1.png); background-repeat: no-repeat; background-position:center;
}
.cd-bouncy-nav li:nth-of-type(1) a::before {
   background-color:#fd3f3e; background-image:url(../img/about1.png); background-repeat: no-repeat; background-position:center;
}
.cd-bouncy-nav li:nth-of-type(2) a::before {
   background-color:#fd3f3e; background-image:url(../img/about2.png); background-repeat: no-repeat; background-position:center;
}
.cd-bouncy-nav li:nth-of-type(3) a::before {
 background-color:#fd3f3e; background-image:url(../img/about3.png); background-repeat: no-repeat; background-position:center;
}
.cd-bouncy-nav li:nth-of-type(4) a::before {
  background-color:#fd3f3e; background-image:url(../img/about4.png); background-repeat: no-repeat; background-position:center;
}
.cd-bouncy-nav li:nth-of-type(5) a::before {
  background-color:#fd3f3e; background-image:url(../img/about5.png); background-repeat: no-repeat; background-position:center;
}
.cd-bouncy-nav li:nth-of-type(6) a::before {
  background-color:#fd3f3e; background-image:url(../img/about6.png); background-repeat: no-repeat; background-position:center;
}
@media only screen and (min-width: 768px) {
    .cd-bouncy-nav li {
	    width: 16.6%;
	    float: left;
	}
  .cd-bouncy-nav {
    max-width: 1200px;
  }
  .cd-bouncy-nav li {
    width: 16.6%;
    float: left;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(1), .fade-out .cd-bouncy-nav li:nth-of-type(1) {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(2), .fade-out .cd-bouncy-nav li:nth-of-type(2) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(2), .fade-out .cd-bouncy-nav li:nth-of-type(2) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(4), .fade-out .cd-bouncy-nav li:nth-of-type(4) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(5), .fade-out .cd-bouncy-nav li:nth-of-type(5) {
    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    animation-delay: 0.25s;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(5), .fade-out .cd-bouncy-nav li:nth-of-type(5) {
    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    animation-delay: 0.25s;
  }
  .cd-bouncy-nav a {
    margin-bottom: 50px;
  }
}

@-webkit-keyframes cd-move-in {
  0% {
    -webkit-transform: translateY(100vh);
  }
  65% {
    -webkit-transform: translateY(-1.5vh);
  }
  100% {
    -webkit-transform: translateY(0vh);
  }
}
@-moz-keyframes cd-move-in {
  0% {
    -moz-transform: translateY(100vh);
  }
  65% {
    -moz-transform: translateY(-1.5vh);
  }
  100% {
    -moz-transform: translateY(0vh);
  }
}
@keyframes cd-move-in {
  0% {
    -webkit-transform: translateY(100vh);
    -moz-transform: translateY(100vh);
    -ms-transform: translateY(100vh);
    -o-transform: translateY(100vh);
    transform: translateY(100vh);
  }
  65% {
    -webkit-transform: translateY(-1.5vh);
    -moz-transform: translateY(-1.5vh);
    -ms-transform: translateY(-1.5vh);
    -o-transform: translateY(-1.5vh);
    transform: translateY(-1.5vh);
  }
  100% {
    -webkit-transform: translateY(0vh);
    -moz-transform: translateY(0vh);
    -ms-transform: translateY(0vh);
    -o-transform: translateY(0vh);
    transform: translateY(0vh);
  }
}
@-webkit-keyframes cd-move-out {
  0% {
    -webkit-transform: translateY(0vh);
  }
  100% {
    -webkit-transform: translateY(-100vh);
  }
}
@-moz-keyframes cd-move-out {
  0% {
    -moz-transform: translateY(0vh);
  }
  100% {
    -moz-transform: translateY(-100vh);
  }
}
@keyframes cd-move-out {
  0% {
    -webkit-transform: translateY(0vh);

    -moz-transform: translateY(0vh);
    -ms-transform: translateY(0vh);
    -o-transform: translateY(0vh);
    transform: translateY(0vh);
  }
  100% {
    -webkit-transform: translateY(-100vh);
    -moz-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    -o-transform: translateY(-100vh);
    transform: translateY(-100vh);
  }
}



@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

a.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;

}
a.hvr-ripple-out:hover{ color:red;}
a.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #fff solid 2px; border-radius:45px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
a.hvr-ripple-out:hover:before,a.hvr-ripple-out:focus:before,a.hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

.footerts{position: absolute;bottom:-385px;left:0px;}


.mod-video {
    position: fixed;
    left: 50%;
    top: 50vh;
    min-width: 100%;
    min-height: 100%;
    margin-left: -960px;
    width: auto;
    height: auto;
    background-size: cover;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

.container {width:155px;position:fixed;_position:absolute;height:30px; background-color:rgba(0,0,0,0);}
.container h3 span{    font-size: 24px;
    color: #fff;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;}

.piao{ display:none;}

@media screen and (max-width:1910px)and (min-width:1600px){
	.about{ margin-top:70px;}
	.advantage{ width: 469px; height: 469px;  background: url(../img/you_03.png) no-repeat center;  background-size: auto 100%; margin: auto; margin-top:55px;}
	.advantage_1{ top:48px; left: -260px;}
	.advantage_4{ right:-250px;}
	.advantage_3{ left:-254px; bottom:30px;}
	.advantage_5{ right:-394px;}
	.advantage_6{ bottom:80px;}
	.advantage_7{ right:-244px;}
	.client{ width:860px; height:95px; margin:auto; margin-top:50px;opacity:0;filter:alpha(opacity=0);position:relative; bottom:-100px; display:none;}
	.client_1{ float:left; width:215px; height:95px; cursor:pointer;}
	.client_1_1{ width:215px; height:65px; text-align: center; line-height:65px; font-size:30px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
	.client_1_2{ width:215px; font-size:14px; color:#fff; text-align: center;opacity:0.5; height:24px; line-height:24px;}

	.client_2{ float:left; width:215px; height:95px; cursor:pointer;}
	.client_3{ float:left; width:215px; height:95px; cursor:pointer;}
	.client_4{ float:right; width:215px; height:95px; cursor:pointer;}

	.client1{ width:860px; height:95px; margin:auto; margin-top:50px;}
	.ke{ width:80%; height:691px; margin:auto; margin-top:65px; text-align: center;}
	.ke img{ width:70%; height: auto;}
	/*联系*/
	.touch{ width:400px; height:546px; background:url(../img/line_03.png) no-repeat center; background-size:auto 100%; margin:auto; margin-top:80px;filter:alpha(opacity=0);position:relative;}
	.touch_1{ font-size:16px; color:#fd3f3e; width:400px; height:60px; text-align: center; line-height:60px;letter-spacing:10px;}
	.touch_2{ width:300px; text-align: center; height:68px; margin:auto;}
	.touch_2 img{ width:300px; height:68px;}
	.touch_3{ width:400px; text-align: center; font-size:20px; color:#fff; background:url(../img/line_06.jpg) no-repeat center bottom; height:55px; line-height:55px; margin-top:10px;}
	.touch_4{ width:350px; font-size:16px; color:#fff; line-height:35px; margin-left:25px; margin-top:20px;}
	.touch_4 span{ color:#999999; margin-right:20px;}
	.touch_5{ width:400px; height:56px; text-align: center; margin-top:45px;}
	.touch_5 a{ display:inline-block; width:56px; height:56px; background-color:#fd3f3e; border-radius:100px; text-align: center; cursor:pointer;}
	.touch_5 img{ padding-top:15px;	}
}

@media screen and (max-width:1600px)and (min-width:1440px){
	.about{ margin-top:70px;}
	.advantage{ width: 469px; height: 469px;  background: url(../img/you_03.png) no-repeat center;  background-size: auto 100%; margin: auto; margin-top:55px;}
	.advantage_1{ top:48px; left: -260px;}
	.advantage_4{ right:-277px; top:4px;}
	.advantage_3{ left:-256px; bottom:30px;}
	.advantage_5{ right:-367px;}
	.advantage_6{ bottom:80px;}
	.advantage_7{ right:-244px;}
	.client{ width:860px; height:95px; margin:auto; margin-top:50px;opacity:0;filter:alpha(opacity=0);position:relative; bottom:-100px;}
	.client_1{ float:left; width:215px; height:95px; cursor:pointer;}
	.client_1_1{ width:215px; height:65px; text-align: center; line-height:65px; font-size:30px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
	.client_1_2{ width:215px; font-size:14px; color:#fff; text-align: center;opacity:0.5; height:24px; line-height:24px;}

	.client_2{ float:left; width:215px; height:95px; cursor:pointer;}
	.client_3{ float:left; width:215px; height:95px; cursor:pointer;}
	.client_4{ float:right; width:215px; height:95px; cursor:pointer;}

	.client1{ width:860px; height:95px; margin:auto; margin-top:50px;}

	.ke{ width:80%; height:691px; margin:auto; margin-top:65px; text-align: center;}
	.ke img{ width:70%; height: auto;}
	/*联系*/
	.touch{ width:400px; height:546px; background:url(../img/line_03.png) no-repeat center; background-size:auto 100%; margin:auto; margin-top:80px;opacity:1;filter:alpha(opacity=0);position:relative;}
	.touch_1{ font-size:16px; color:#fd3f3e; width:400px; height:60px; text-align: center; line-height:60px;letter-spacing:10px;}
	.touch_2{ width:300px; text-align: center; height:68px; margin:auto;}
	.touch_2 img{ width:300px; height:68px;}
	.touch_3{ width:400px; text-align: center; font-size:20px; color:#fff; background:url(../img/line_06.jpg) no-repeat center bottom; height:55px; line-height:55px; margin-top:10px;}
	.touch_4{ width:350px; font-size:16px; color:#fff; line-height:35px; margin-left:25px; margin-top:20px;}
	.touch_4 span{ color:#999999; margin-right:20px;}
	.touch_5{ width:400px; height:56px; text-align: center; margin-top:45px;}
	.touch_5 a{ display:inline-block; width:56px; height:56px; background-color:#fd3f3e; border-radius:100px; text-align: center; cursor:pointer;}
	.touch_5 img{ padding-top:15px;	}


}
@media screen and (max-width:1440px)and (min-width:1366px){
	.hcb_ml{
		margin-left: 42px;
	}
	.about{ margin-top:70px;}
	.about_1{ width:1200px; height:77px; text-align: center; opacity:0;filter:alpha(opacity=0);position:relative; top:-100px;}
	.about_1 img{ width:250px; height:77px;}
	.about_two{ opacity:0;filter:alpha(opacity=0);position:relative; left:-100px;}
	.about_three{ opacity:0;filter:alpha(opacity=0);position:relative; right:-100px;}
	.about_2{ width:1200px; font-size:20px; color:#fd3f3e; text-align: center; height:50px; line-height:50px; margin-top:10px;}
	.about_3{ width:1200px; margin:auto; font-size:14px; color:#fff; text-align: center; line-height:24px; margin-top:0px;}

	.advantage{ width: 369px; height:369px;  background: url(../img/you_03.png) no-repeat center;  background-size: auto 100%; margin: auto; margin-top:65px;}
	.advantage_1{ width:302px; height:55px; position:absolute; top:22px; left: -200px; cursor:pointer;}
	.advantage_1_left{ float:left; font-size:14px; color:#fff; height:65px; line-height:65px;position: relative;}
	.advantage_1_left small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_1_left i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_1:hover small {  opacity: 0;}
	.advantage_1:hover i { width: 100%;opacity: 1; }

	.advantage_1_right{ float:right; width:55px; height:55px; text-align: center; line-height:55px; font-size:12px; color:#fff;}

	.advantage_1_bg{ width:55px; height:55px; background:url(../img/you_06.png) no-repeat center; background-size:auto 100%; -webkit-transition: -webkit-transform 1s ease-in-out;
	-moz-transition: -moz-transform 1s ease-in-out;-o-transition: -o-transform 1s ease-in-out;-ms-transition: -ms-transform 1s ease-in-out; position:absolute; right:0;}
	.advantage_1:hover .advantage_1_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_2{ width:350px; height:55px; position:absolute; top:187px; left: -310px; cursor:pointer;}
	.advantage_2_left{ float:left; font-size:14px; color:#fff; height:65px; line-height:55px;}
	.advantage_2_left small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_2_left i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_2:hover small {  opacity: 0;}
	.advantage_2:hover i { width: 100%;opacity: 1; }
	.advantage_2_right{ float:right; width:55px; height:55px;text-align: center; line-height:55px; font-size:14px; color:#fff;}
	.advantage_2:hover .advantage_1_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_3{ width:310px; height:55px; position:absolute; bottom:15px; left:-222px; cursor:pointer;}
	.advantage_3_left{ float:left; font-size:14px; color:#fff; height:55px; line-height:55px;}
	.advantage_3_left small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_3_left i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_3:hover small {  opacity: 0;}
	.advantage_3:hover i { width: 100%;opacity: 1; }

	.advantage_3_right{ float:right; width:55px; height:55px; text-align: center; line-height:55px; font-size:14px; color:#fff;}
	.advantage_3:hover .advantage_1_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_4{ width:367px; height:55px; position:absolute; top:-0px; right:-257px; cursor:pointer;}
	.advantage_4_left{ float:left; width:55px; height:55px; text-align: center; line-height:55px; font-size:12px; color:#fff;}
	.advantage_2_bg{ width:55px; height:55px; background:url(../img/you_06.png) no-repeat center; background-size:auto 100%; -webkit-transition: -webkit-transform 1s ease-in-out;
	-moz-transition: -moz-transform 1s ease-in-out;-o-transition: -o-transform 1s ease-in-out;-ms-transition: -ms-transform 1s ease-in-out; position:absolute; left:0;}
	.advantage_4_right{ float:right; font-size:14px; color:#fff; height:55px; line-height:55px; position:relative;}
	.advantage_4_right small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_4_right i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_4:hover small {  opacity: 0;}
	.advantage_4:hover i { width: 100%;opacity: 1; }

	.advantage_4:hover .advantage_2_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_5{ width:376px; height:55px; position:absolute; top:100px; right:-336px; cursor:pointer;}
	.advantage_5_left{ float:left; width:55px; height:55px; text-align: center; line-height:55px; font-size:14px; color:#fff;}
	.advantage_5_right{ float:right; font-size:14px; color:#fff; height:55px; line-height:55px; position:relative;}
	.advantage_5_right small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_5_right i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_5:hover small {  opacity: 0;}
	.advantage_5:hover i { width: 100%;opacity: 1; }

	.advantage_5:hover .advantage_2_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_6{ width:375px; height:55px; position:absolute; bottom:85px; right:-345px; cursor:pointer;}
	.advantage_6_left{ float:left; width:55px; height:55px; text-align: center; line-height:55px; font-size:14px; color:#fff;}
	.advantage_6_right{ float:right; font-size:14px; color:#fff; height:55px; line-height:55px; position:relative;}
	.advantage_6_right small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_6_right i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_6:hover small {  opacity: 0;}
	.advantage_6:hover i { width: 100%;opacity: 1; }

	.advantage_6:hover .advantage_2_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_7{ width:390px; height:55px; position:absolute; bottom:-25px; right:-250px; cursor:pointer;}
	.advantage_7_left{ float:left; width:55px; height:55px; text-align: center; line-height:55px; font-size:14px; color:#fff;}
	.advantage_7_right{ float:right; font-size:14px; color:#fff; height:55px; line-height:55px; position:relative;}
	.advantage_7_right small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_7_right i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_7:hover small {  opacity: 0;}
	.advantage_7:hover i { width: 100%;opacity: 1; }
	.advantage_7:hover .advantage_2_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.client{ width:860px; height:75px; margin:auto; margin-top:30px;opacity:0;filter:alpha(opacity=0);position:relative; bottom:-100px; display:none;}
	.client_1{ float:left; width:215px; height:75px; cursor:pointer;}
	.client_1_1{ width:215px; height:45px; text-align: center; line-height:45px; font-size:20px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
	.client_1_2{ width:215px; font-size:14px; color:#fff; text-align: center;opacity:0.5; height:24px; line-height:24px;}

	.client_2{ float:left; width:215px; height:75px; cursor:pointer;}
	.client_3{ float:left; width:215px; height:75px; cursor:pointer;}
	.client_4{ float:right; width:215px; height:75px; cursor:pointer;}

	.client1{ width:860px; height:75px; margin:auto; margin-top:50px;}

	.ke{ width:70%; height:691px; margin:auto; margin-top:65px; text-align: center;}
	.ke img{ width:70%; height: auto;}
	/*联系*/


	.touch{ width:300px; height:410px; background:url(../img/line_03.png) no-repeat center; background-size:auto 100%; margin:auto; margin-top:80px;opacity:1;filter:alpha(opacity=0);position:relative;}
	.touch_1{ font-size:14px; color:#fd3f3e; width:300px; height:50px; text-align: center; line-height:50px;letter-spacing:6px;}
	.touch_2{ width:200px; text-align: center; height:45px; margin:auto;}
	.touch_2 img{ width:200px; height:45px;}
	.touch_3{ width:300px; text-align: center; font-size:18px; color:#fff; background:url(../img/line_06.jpg) no-repeat center bottom; height:55px; line-height:55px; margin-top:5px;}
	.touch_4{ width:280px; font-size:14px; color:#fff; line-height:30px; margin-left:10px; margin-top:15px;}
	.touch_4 span{ color:#999999; margin-right:10px;}
	.touch_5{ width:300px; height:50px; text-align: center; margin-top:15px;}
	.touch_5 a{ display:inline-block; width:50px; height:50px; background-color:#fd3f3e; border-radius:100px; text-align: center; cursor:pointer;}
	.touch_5 img{ padding-top:15px;	}


}

@media screen and (max-width:1366px)and (min-width:1000px){
	.hcb_ml{
		margin-left: 42px;
	}
	.about{ margin-top:70px; width:90%;}
	.about_1{ width:100%; height:77px; text-align: center; opacity:0;filter:alpha(opacity=0);position:relative; top:-100px;}
	.about_1 img{ width:250px; height:77px;}
	.about_two{ opacity:0;filter:alpha(opacity=0);position:relative; left:-100px;}
	.about_three{ opacity:0;filter:alpha(opacity=0);position:relative; right:-100px;}
	.about_2{ width:100%; font-size:20px; color:#fd3f3e; text-align: center; height:50px; line-height:50px; margin-top:10px;}
	.about_3{ width:100%; margin:auto; font-size:14px; color:#fff; text-align: center; line-height:24px; margin-top:0px;}

	.advantage{ width: 369px; height:369px;  background: url(../img/you_03.png) no-repeat center;  background-size: auto 100%; margin: auto; margin-top:65px;}
	.advantage_1{ width:302px; height:55px; position:absolute; top:22px; left: -200px; cursor:pointer;}
	.advantage_1_left{ float:left; font-size:14px; color:#fff; height:65px; line-height:65px;position: relative;}
	.advantage_1_left small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_1_left i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_1:hover small {  opacity: 0;}
	.advantage_1:hover i { width: 100%;opacity: 1; }

	.advantage_1_right{ float:right; width:55px; height:55px; text-align: center; line-height:55px; font-size:12px; color:#fff;}

	.advantage_1_bg{ width:55px; height:55px; background:url(../img/you_06.png) no-repeat center; background-size:auto 100%; -webkit-transition: -webkit-transform 1s ease-in-out;
	-moz-transition: -moz-transform 1s ease-in-out;-o-transition: -o-transform 1s ease-in-out;-ms-transition: -ms-transform 1s ease-in-out; position:absolute; right:0;}
	.advantage_1:hover .advantage_1_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_2{ width:350px; height:55px; position:absolute; top:187px; left: -310px; cursor:pointer;}
	.advantage_2_left{ float:left; font-size:14px; color:#fff; height:65px; line-height:55px;}
	.advantage_2_left small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_2_left i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_2:hover small {  opacity: 0;}
	.advantage_2:hover i { width: 100%;opacity: 1; }
	.advantage_2_right{ float:right; width:55px; height:55px;text-align: center; line-height:55px; font-size:14px; color:#fff;}
	.advantage_2:hover .advantage_1_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_3{ width:310px; height:55px; position:absolute; bottom:15px; left:-222px; cursor:pointer;}
	.advantage_3_left{ float:left; font-size:14px; color:#fff; height:55px; line-height:55px;}
	.advantage_3_left small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_3_left i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_3:hover small {  opacity: 0;}
	.advantage_3:hover i { width: 100%;opacity: 1; }

	.advantage_3_right{ float:right; width:55px; height:55px; text-align: center; line-height:55px; font-size:14px; color:#fff;}
	.advantage_3:hover .advantage_1_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_4{ width:370px; height:55px; position:absolute; top:-0px; right:-260px; cursor:pointer;}
	.advantage_4_left{ float:left; width:55px; height:55px; text-align: center; line-height:55px; font-size:12px; color:#fff;}
	.advantage_2_bg{ width:55px; height:55px; background:url(../img/you_06.png) no-repeat center; background-size:auto 100%; -webkit-transition: -webkit-transform 1s ease-in-out;
	-moz-transition: -moz-transform 1s ease-in-out;-o-transition: -o-transform 1s ease-in-out;-ms-transition: -ms-transform 1s ease-in-out; position:absolute; left:0;}
	.advantage_4_right{ float:right; font-size:14px; color:#fff; height:55px; line-height:55px; position:relative;}
	.advantage_4_right small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_4_right i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_4:hover small {  opacity: 0;}
	.advantage_4:hover i { width: 100%;opacity: 1; }

	.advantage_4:hover .advantage_2_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_5{ width:376px; height:55px; position:absolute; top:100px; right:-340px; cursor:pointer;}
	.advantage_5_left{ float:left; width:55px; height:55px; text-align: center; line-height:55px; font-size:14px; color:#fff;}
	.advantage_5_right{ float:right; font-size:14px; color:#fff; height:55px; line-height:55px; position:relative;}
	.advantage_5_right small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_5_right i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_5:hover small {  opacity: 0;}
	.advantage_5:hover i { width: 100%;opacity: 1; }

	.advantage_5:hover .advantage_2_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_6{ width:375px; height:55px; position:absolute; bottom:85px; right:-345px; cursor:pointer;}
	.advantage_6_left{ float:left; width:55px; height:55px; text-align: center; line-height:55px; font-size:14px; color:#fff;}
	.advantage_6_right{ float:right; font-size:14px; color:#fff; height:55px; line-height:55px; position:relative;}
	.advantage_6_right small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_6_right i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_6:hover small {  opacity: 0;}
	.advantage_6:hover i { width: 100%;opacity: 1; }

	.advantage_6:hover .advantage_2_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_7{ width:390px; height:55px; position:absolute; bottom:-25px; right:-250px; cursor:pointer;}
	.advantage_7_left{ float:left; width:55px; height:55px; text-align: center; line-height:55px; font-size:14px; color:#fff;}
	.advantage_7_right{ float:right; font-size:14px; color:#fff; height:55px; line-height:55px; position:relative;}
	.advantage_7_right small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_7_right i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_7:hover small {  opacity: 0;}
	.advantage_7:hover i { width: 100%;opacity: 1; }
	.advantage_7:hover .advantage_2_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.client{ width:860px; height:75px; margin:auto; margin-top:30px;opacity:0;filter:alpha(opacity=0);position:relative; bottom:-100px; display:none;}


	.ke{ width:70%; height: auto; overflow:hidden; margin:auto; margin-top:105px; text-align: center;}
	.ke img{ width:70%; height: auto;}
	/*联系*/


	.touch{ width:300px; height:410px; background:url(../img/line_03.png) no-repeat center; background-size:auto 100%; margin:auto; margin-top:80px;opacity:1;filter:alpha(opacity=0);position:relative;}
	.touch_1{ font-size:14px; color:#fd3f3e; width:300px; height:50px; text-align: center; line-height:50px;letter-spacing:6px;}
	.touch_2{ width:200px; text-align: center; height:45px; margin:auto;}
	.touch_2 img{ width:200px; height:45px;}
	.touch_3{ width:300px; text-align: center; font-size:18px; color:#fff; background:url(../img/line_06.jpg) no-repeat center bottom; height:55px; line-height:55px; margin-top:5px;}
	.touch_4{ width:280px; font-size:14px; color:#fff; line-height:30px; margin-left:10px; margin-top:15px;}
	.touch_4 span{ color:#999999; margin-right:10px;}
	.touch_5{ width:300px; height:50px; text-align: center; margin-top:15px;}
	.touch_5 a{ display:inline-block; width:50px; height:50px; background-color:#fd3f3e; border-radius:100px; text-align: center; cursor:pointer;}
	.touch_5 img{ padding-top:15px;	}


}
@media screen and (max-width:1000px)and (min-width:700px){
	.hcb_ml{
		margin-left: 42px;
	}
	.tel{ display:none;}
	.about{ margin-top:70px; width:90%;}
	.about_1{ width:100%; height:62px; text-align: center; opacity:0;filter:alpha(opacity=0);position:relative; top:-100px;}
	.about_1 img{ width:200px; height:62px;}
	.about_two{ opacity:0;filter:alpha(opacity=0);position:relative; left:-100px;}
	.about_three{ opacity:0;filter:alpha(opacity=0);position:relative; right:-100px;}
	.about_2{ width:100%; font-size:18px; color:#fd3f3e; text-align: center; height:40px; line-height:40px; margin-top:5px;}
	.about_3{ width:100%; margin:auto; font-size:14px; color:#fff; text-align: center; line-height:24px; margin-top:0px;}

	.advantage{ width:430px; height: 400px; overflow:hidden;  background:none;  background-size: auto 100%; margin: auto; margin-top:65px; position:relative;}

	.advantage_mao{ display:block; font-size:16px; color:#fd3f3e; float:left; height:35px; line-height:35px; margin-right:10px;}
	.advantage_1{ width:302px; height:35px; position: absolute; top:55px; left:0px; overflow:hidden; cursor:pointer;}
	.advantage_1_left{ float:left; font-size:14px; color:#fff; height:35px; line-height:35px;position: relative;}
	.advantage_1_left small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_1_left i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_1:hover small {  opacity: 0;}
	.advantage_1:hover i { width: 100%;opacity: 1; }

	.advantage_1_right{ float:right; display:none;}

	.advantage_1_bg{ width:55px; height:55px; background:none; position:absolute; right:0; display:none;}
	.advantage_2_bg{ width:55px; height:55px; background:none; position:absolute; right:0; display:none;}

	.advantage_2{ width:326px; height:35px; position:absolute; top:165px; left:0px; cursor:pointer;}
	.advantage_2_left{ float:left; font-size:14px; color:#fff; height:35px; line-height:35px; position:relative;}
	.advantage_2_left small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_2_left i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_2:hover small {  opacity: 0;}
	.advantage_2:hover i { width: 100%;opacity: 1; }
	.advantage_2_right{ float:right; display:none;}
	.advantage_2:hover .advantage_1_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_3{ width:387px; height:35px; position:absolute; bottom:100px; left:0px; cursor:pointer;}
	.advantage_3_left{ float:left; font-size:14px; color:#fff; height:35px; line-height:35px; position:relative;}
	.advantage_3_left small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_3_left i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_3:hover small {  opacity: 0;}
	.advantage_3:hover i { width: 100%;opacity: 1; }

	.advantage_3_right{ float:right; display:none;}
	.advantage_3:hover .advantage_1_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_4{ width:430px; height:35px; position: absolute; top:0px; right:0px; cursor:pointer;}
	.advantage_4_left{ float:left; display:none;}
	.advantage_2_bg{ width:55px; height:55px; background:none; position:absolute; left:0;}
	.advantage_4_right{ float:left; font-size:14px; color:#fff; height:35px; line-height:35px; position:relative;}
	.advantage_4_right small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_4_right i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_4:hover small {  opacity: 0;}
	.advantage_4:hover i { width: 100%;opacity: 1; }

	.advantage_4:hover .advantage_2_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_5{ width:354px; height:35px; position:absolute; top:110px; right:76px; cursor:pointer;}
	.advantage_5_left{ float:left; width:55px; height:55px; text-align: center; line-height:55px; font-size:14px; color:#fff; display:none;}
	.advantage_5_right{ float:left; font-size:14px; color:#fff; height:35px; line-height:35px; position:relative;}
	.advantage_5_right small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_5_right i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_5:hover small {  opacity: 0;}
	.advantage_5:hover i { width: 100%;opacity: 1; }

	.advantage_5:hover .advantage_2_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_6{ width:375px; height:35px; position:absolute; bottom:155px; right:55px; cursor:pointer;}
	.advantage_6_left{ float:left; display:none;}
	.advantage_6_right{ float:left; font-size:14px; color:#fff; height:35px; line-height:35px; position:relative;}
	.advantage_6_right small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_6_right i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_6:hover small {  opacity: 0;}
	.advantage_6:hover i { width: 100%;opacity: 1; }

	.advantage_6:hover .advantage_2_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_7{ width:390px; height:35px; position:absolute; bottom:40px; right:40px; cursor:pointer;}
	.advantage_7_left{ float:left; display:none;}
	.advantage_7_right{ float:left; font-size:14px; color:#fff; height:35px; line-height:35px; position:relative;}
	.advantage_7_right small {font-size: 14px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_7_right i { font-size: 14px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_7:hover small {  opacity: 0;}
	.advantage_7:hover i { width: 100%;opacity: 1; }
	.advantage_7:hover .advantage_2_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.client{ width:860px; height:75px; margin:auto; margin-top:30px;opacity:0;filter:alpha(opacity=0);position:relative; bottom:-100px; display:none;}


	.ke{ width:70%; height: auto; overflow:hidden; margin:auto; margin-top:105px; text-align: center;}
	.ke img{ width:70%; height: auto;}
	/*联系*/


	.touch{ width:300px; height:410px; background:url(../img/line_03.png) no-repeat center; background-size:auto 100%; margin:auto; margin-top:80px;opacity:1;filter:alpha(opacity=0);position:relative;}
	.touch_1{ font-size:14px; color:#fd3f3e; width:300px; height:50px; text-align: center; line-height:50px;letter-spacing:6px;}
	.touch_2{ width:200px; text-align: center; height:45px; margin:auto;}
	.touch_2 img{ width:200px; height:45px;}
	.touch_3{ width:300px; text-align: center; font-size:18px; color:#fff; background:url(../img/line_06.jpg) no-repeat center bottom; height:55px; line-height:55px; margin-top:5px;}
	.touch_4{ width:280px; font-size:14px; color:#fff; line-height:30px; margin-left:10px; margin-top:15px;}
	.touch_4 span{ color:#999999; margin-right:10px;}
	.touch_5{ width:300px; height:50px; text-align: center; margin-top:15px;}
	.touch_5 a{ display:inline-block; width:50px; height:50px; background-color:#fd3f3e; border-radius:100px; text-align: center; cursor:pointer;}
	.touch_5 img{ padding-top:15px;	}

	.foot_left a { margin-left:5px; margin-right:10px; }


}
@media screen and (max-width:700px)and (min-width:0px){
	.hcb_ml{
		margin-left: 42px;
	}
	.tel{ display:none;}
	.head_left{ float:left; padding-top:21px; margin-left:5%;}
	.head_left img{ width:50px;}
	.about{ margin-top:70px; width:90%;}
	.about_1{ width:100%; height:47px; text-align: center; opacity:0;filter:alpha(opacity=0);position:relative; top:-100px;}
	.about_1 img{ width:150px; height:47px;}
	.about_two{ opacity:0;filter:alpha(opacity=0);position:relative; left:-100px;}
	.about_three{ opacity:0;filter:alpha(opacity=0);position:relative; right:-100px;}
	.about_2{ width:100%; font-size:16px; color:#fd3f3e; text-align: center; height:30px; line-height:30px; margin-top:5px;}
	.about_3{ width:100%; margin:auto; font-size:12px; color:#fff; text-align: center; line-height:24px; margin-top:0px;}

	.advantage{ width:320px; height:245px; overflow:hidden;  background:none;  background-size: auto 100%; margin: auto; margin-top:65px; position:relative;}

	.advantage_mao{ display:block; font-size:14px; color:#fd3f3e; float:left; height:35px; line-height:35px; margin-right:10px;}
	.advantage_1{ width:320px; height:35px; position: absolute; top:45px; left:0px; overflow:hidden; cursor:pointer;}
	.advantage_1_left{ float:left; font-size:12px; color:#fff; height:35px; line-height:35px;position: relative;}
	.advantage_1_left small {font-size: 12px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_1_left i { font-size: 12px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_1:hover small {  opacity: 0;}
	.advantage_1:hover i { width: 100%;opacity: 1; }

	.advantage_1_right{ float:right; display:none;}

	.advantage_1_bg{ width:55px; height:55px; background:none; position:absolute; right:0; display:none;}
	.advantage_2_bg{ width:55px; height:55px; background:none; position:absolute; right:0; display:none;}

	.advantage_2{ width:320px; height:35px; position:absolute; top:165px; left:0px; cursor:pointer;}
	.advantage_2_left{ float:left; font-size:12px; color:#fff; height:35px; line-height:35px; position:relative;}
	.advantage_2_left small {font-size: 12px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_2_left i { font-size: 12px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_2:hover small {  opacity: 0;}
	.advantage_2:hover i { width: 100%;opacity: 1; }
	.advantage_2_right{ float:right; display:none;}
	.advantage_2:hover .advantage_1_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_3{ width:320px; height:35px; position:absolute; bottom:75px; left:0px; cursor:pointer;}
	.advantage_3_left{ float:left; font-size:12px; color:#fff; height:35px; line-height:35px; position:relative;}
	.advantage_3_left small {font-size: 12px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_3_left i { font-size: 12px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_3:hover small {  opacity: 0;}
	.advantage_3:hover i { width: 100%;opacity: 1; }

	.advantage_3_right{ float:right; display:none;}
	.advantage_3:hover .advantage_1_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_4{ width:320px; height:35px; position: absolute; top:0px; right:0px; cursor:pointer;}
	.advantage_4_left{ float:left; display:none;}
	.advantage_2_bg{ width:55px; height:55px; background:none; position:absolute; left:0;}
	.advantage_4_right{ float:left; font-size:12px; color:#fff; height:35px; line-height:20px; position:relative; height:40px; width:278px; margin-top:7px;}
	.advantage_4_right small {font-size: 12px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_4_right i { font-size: 12px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_4:hover small {  opacity: 0;}
	.advantage_4:hover i { width: 100%;opacity: 1; }

	.advantage_4:hover .advantage_2_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_5{ width:320px; height:35px; position:absolute; top:103px; right:0px; cursor:pointer;}
	.advantage_5_left{ float:left; width:55px; height:55px; text-align: center; line-height:55px; font-size:14px; color:#fff; display:none;}
	.advantage_5_right{ float:left; font-size:12px; color:#fff; height:35px; line-height:35px; position:relative;}
	.advantage_5_right small {font-size: 12px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_5_right i { font-size: 12px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_5:hover small {  opacity: 0;}
	.advantage_5:hover i { width: 100%;opacity: 1; }

	.advantage_5:hover .advantage_2_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_6{ width:320px; height:35px; position:absolute; bottom:140px; right:0px; cursor:pointer;}
	.advantage_6_left{ float:left; display:none;}
	.advantage_6_right{ float:left; font-size:12px; color:#fff; height:40px; line-height:20px; position:relative; width:278px; margin-top:7px;}
	.advantage_6_right small {font-size: 12px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_6_right i { font-size: 12px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_6:hover small {  opacity: 0;}
	.advantage_6:hover i { width: 100%;opacity: 1; }

	.advantage_6:hover .advantage_2_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.advantage_7{ width:320px; height:35px; position:absolute; bottom:15px; right:0px; cursor:pointer;}
	.advantage_7_left{ float:left; display:none;}
	.advantage_7_right{ float:left; font-size:12px; color:#fff; height:35px; line-height:35px; position:relative;}
	.advantage_7_right small {font-size: 12px;transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";}
	.advantage_7_right i { font-size: 12px; white-space: nowrap; width:0 ; overflow: hidden; position: absolute; left: 0; top: 0; color: #fd3f3e; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;font-family:"微软雅黑";font-style: inherit;}
	.advantage_7:hover small {  opacity: 0;}
	.advantage_7:hover i { width: 100%;opacity: 1; }
	.advantage_7:hover .advantage_2_bg{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

	.client{ width:860px; height:75px; margin:auto; margin-top:30px;opacity:0;filter:alpha(opacity=0);position:relative; bottom:-100px; display:none;}


	.ke{ width:70%; height: auto; overflow:hidden; margin:auto; margin-top:105px; text-align: center; display:none;}
	.ke img{ width:70%; height: auto;}
	/*联系*/


	.touch{ width:300px; height:410px; background:url(../img/line_03.png) no-repeat center; background-size:auto 100%; margin:auto; margin-top:80px;opacity:1;filter:alpha(opacity=0);position:relative;}
	.touch_1{ font-size:14px; color:#fd3f3e; width:300px; height:50px; text-align: center; line-height:50px;letter-spacing:6px;}
	.touch_2{ width:200px; text-align: center; height:45px; margin:auto;}
	.touch_2 img{ width:200px; height:45px;}
	.touch_3{ width:300px; text-align: center; font-size:18px; color:#fff; background:url(../img/line_06.jpg) no-repeat center bottom; height:55px; line-height:55px; margin-top:5px;}
	.touch_4{ width:280px; font-size:14px; color:#fff; line-height:30px; margin-left:10px; margin-top:15px;}
	.touch_4 span{ color:#999999; margin-right:10px;}
	.touch_5{ width:300px; height:50px; text-align: center; margin-top:15px;}
	.touch_5 a{ display:inline-block; width:50px; height:50px; background-color:#fd3f3e; border-radius:100px; text-align: center; cursor:pointer;}
	.touch_5 img{ padding-top:15px;	}


	.foot_left a { margin-left:5px; margin-right:10px; }
	.nav{ display:none;}
	.nav_bg{ display: none;}
	/*底部*/
	.footer{ width:100%; background:url(../img/recruit_54.png) no-repeat center; height:87px; position:absolute; bottom:0px; z-index:9;}
	.foot{ width:98%; height:60px; margin:auto; padding-top:27px;}
	.foot_left{ float:left; height:48px; line-height:48px; font-size:12px; color:#fff; display:none; }
	.foot_left a{ margin-left:15px; margin-right:20px;}

	.foot_right{ float:right; font-size:12px; color:#fff; line-height:24px; text-align: center; width:100%; padding-top:6px;opacity:1;}
	.dan_left { display:none;}

	.footer{ display:none;}
	.piao{ width:100%; height:43px; display:block;}

	.showy{ display:none;}
	.fu_warp{ width:100%; height:43px; background-color:#000; position:fixed; bottom:0; z-index:9999999;}
	.fu_warp{ width:100%; height:43px; background-color:#000; position:fixed; bottom:0; z-index:9999999;}
	.fu{ width:100%; height:43px; margin:auto; text-align:center;}
	.fu a{ float:left; display: inline-block; width:33%; height:43px; font-size:14px; color:#fff; text-align: center; line-height:43px;}
	.fu a.fu_a{ background:none;}
	.fu a.fu_1{ border-left:1px solid #242424; border-right:1px solid #242424;}
	.fu span{font-size:14px; color:#fff; background:url(../img/about1.png) no-repeat left; padding-left:23px; background-size:27px}
	.fu span.fu_span1{font-size:14px; color:#fff; background:url(../img/lian.png) no-repeat left; padding-left:23px; background-size:auto 100%;}
	.fu span.fu_span2{font-size:14px; color:#fff; background:url(../img/dian.png) no-repeat left; padding-left:23px; background-size:auto 100%;}
	.ke1{ width:100%; height:auto; overflow:hidden; display:block; margin:auto;}
	.ke1 img{ width:80%;}


}
